<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>杀人游戏</title>
        <link rel="stylesheet" type="text/javascript" href="resources/css/jquery-ui/jquery-ui.min.css" />
        <link rel="stylesheet" type="text/javascript" href="resources/css/base.css" />
    </head>
    <body>
        <div id="content">
            <div id="haillist">
                <table class="listTable">
                    <thead>
                        <th>房间名</th>
                        <th>人数</th>
                        <th>游戏状态</th>
                        <th>房主</th>
                        <th>操作</th>
                    </thead>
                    <tbody>
                        <tr>
                            <td>房间1</td>
                            <td>8</td>
                            <td>进行中</td>
                            <td>带鱼</td>
                            <td><a href="#">加入</a></td>
                        </tr>
                        <tr>
                            <td>房间1</td>
                            <td>8</td>
                            <td>进行中</td>
                            <td>带鱼</td>
                            <td><a href="#">加入</a></td>
                        </tr>
                        <tr>
                            <td>房间1</td>
                            <td>8</td>
                            <td>进行中</td>
                            <td>带鱼</td>
                            <td><a href="#">加入</a></td>
                        </tr>
                        <tr>
                            <td>房间1</td>
                            <td>8</td>
                            <td>进行中</td>
                            <td>带鱼</td>
                            <td><a href="#">加入</a></td>
                        </tr>
                        <tr>
                            <td>房间1</td>
                            <td>8</td>
                            <td>进行中</td>
                            <td>带鱼</td>
                            <td><a href="#">加入</a></td>
                        </tr>
                        <tr>
                            <td>房间1</td>
                            <td>8</td>
                            <td>进行中</td>
                            <td>带鱼</td>
                            <td><a href="#">加入</a></td>
                        </tr>
                        <tr>
                            <td>房间1</td>
                            <td>8</td>
                            <td>进行中</td>
                            <td>带鱼</td>
                            <td><a href="#">加入</a></td>
                        </tr>
                        <tr>
                            <td>房间1</td>
                            <td>8</td>
                            <td>进行中</td>
                            <td>带鱼</td>
                            <td><a href="#">加入</a></td>
                        </tr>
                        <tr>
                            <td>房间1</td>
                            <td>8</td>
                            <td>进行中</td>
                            <td>带鱼</td>
                            <td><a href="#">加入</a></td>
                        </tr>
                        <tr>
                            <td>房间1</td>
                            <td>8</td>
                            <td>进行中</td>
                            <td>带鱼</td>
                            <td><a href="#">加入</a></td>
                        </tr>
                        <tr>
                            <td>房间1</td>
                            <td>8</td>
                            <td>进行中</td>
                            <td>带鱼</td>
                            <td><a href="#">加入</a></td>
                        </tr>
                        <tr>
                            <td>房间1</td>
                            <td>8</td>
                            <td>进行中</td>
                            <td>带鱼</td>
                            <td><a href="#">加入</a></td>
                        </tr>
                        <tr>
                            <td>房间1</td>
                            <td>8</td>
                            <td>进行中</td>
                            <td>带鱼</td>
                            <td><a href="#">加入</a></td>
                        </tr>
                        <tr>
                            <td>房间1</td>
                            <td>8</td>
                            <td>进行中</td>
                            <td>带鱼</td>
                            <td><a href="#">加入</a></td>
                        </tr>
                        <tr>
                            <td>房间1</td>
                            <td>8</td>
                            <td>进行中</td>
                            <td>带鱼</td>
                            <td><a href="#">加入</a></td>
                        </tr>
                        <tr>
                            <td>房间1</td>
                            <td>8</td>
                            <td>进行中</td>
                            <td>带鱼</td>
                            <td><a href="#">加入</a></td>
                        </tr>
                        <tr>
                            <td>房间1</td>
                            <td>8</td>
                            <td>进行中</td>
                            <td>带鱼</td>
                            <td><a href="#">加入</a></td>
                        </tr>
                        <tr>
                            <td>房间1</td>
                            <td>8</td>
                            <td>进行中</td>
                            <td>带鱼</td>
                            <td><a href="#">加入</a></td>
                        </tr>
                        <tr>
                            <td>房间1</td>
                            <td>8</td>
                            <td>进行中</td>
                            <td>带鱼</td>
                            <td><a href="#">加入</a></td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div id="hailinfo">
                <div id="selfinfo">
                    <h2>个人信息</h2>
                    <ul>
                        <li style="font-size:20px;">带鱼</li>
                        <li><img src="resources/css/img/photo.jpg" /></li>
                        <li>
                            <label style="float:left;margin-left:30px;">胜率：100%</label>
                            <label style="float:right;margin-right:30px;">场次：1</label>
                        </li>
                    </ul>
                </div>
                <div id="friend">                    
                    <h2>好友</h2>
                    <table class="listTable">
                        <thead>
                            <th>昵称</th>
                            <th>胜率</th>
                        </thead>
                        <tbody>
                            <tr>
                                <td>带鱼小</td>
                                <td>90%</td>
                            </tr>
                            <tr>
                                <td>带鱼大</td>
                                <td>30%</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <footer>
            <p>Copyright © 2013 码农的悲哀 All Rights Reserved</p>
        </footer>
        <script type="text/javascript" src="resources/js/jquery.min.js"></script>
        <script type="text/javascript" src="resources/js/jquery-ui.min.js"></script>
        <script type="text/javascript" src="resources/js/common.js"></script>
    </body>
</html>